<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            border: 0;
        }
        .table-wrapper {
            width: 1040px;
            /*margin: 0 0 0 25px;*/
            /*padding: 30px 0 30px 0;*/
            border: 0;
            /*border-bottom-width: 0px;*/
            /*border-bottom-style: none;*/
            /*border-bottom-color: currentcolor;*/
            /*border-bottom: 1px solid #aaa;*/
        }
        h2 {
            font-size: 18px;
            color: #3f3f3f;
            font-weight: bold;
        }
        table.dataintable {
            margin-top: 15px;
            border-collapse: collapse;
            border: 1px solid #aaa;
            width: 1040px;
            table-layout:fixed;
        }
        table.dataintable th{
            font-size: 12px;
            vertical-align: baseline;
            padding: 5px 0 5px 0;
            /*background-color: #3F3F3F;*/
            border: 1px solid #3F3F3F;
            /*text-align: left;
            color: #fff;*/
        }
        table.dataintable td{
            font-size: 12px;
            /*vertical-align: text-top;*/
            padding: 5px 0 5px 0;
            border: 1px solid #3F3F3F;
        }
        .text-align-left{
            text-align: left;
        }
        .text-align-center{
            text-align: center;
        }
        .text-align-right{
            text-align: right;
        }

    </style>
    <script>
        window.onload = function () {
            document.getElementById("btn").addEventListener ("click", function(){
                window.print();
            })
        }

    </script>
</head>
<body>
    <div class="table-wrapper">
        <h2 style="text-align: center;">差旅报销单</h2>

        <table class="dataintable">
            <tbody>
            <tr>
                <th style="width:100px;">业务活动号</th>
                <th style="width:100px;">出差人</th>
                <th style="width:100px;">出差事由</th>
                <th style="width:90px;">票据合计</th>
                <th style="width:90px;">补助合计</th>
                <th style="width:90px;">报销金额合计</th>
                <th style="width:90px;">核销借款金额</th>
                <th style="width:90px;">还款金额</th>
                <th style="width:90px;">支付金额</th>
                <th style="width:100px;">支付方式</th>
                <th style="width:100px;">收款人</th>
            </tr>
            <tr>
                <td class="text-align-left">E180015141-1</td>
                <td class="text-align-left">李晓春(100118621)</td>
                <td class="text-align-left">总部机关处级领导人员选自贯彻党的十九大精神集中轮训班</td>
                <td class="text-align-center">1001750.00</td>
                <td class="text-align-center">0.00</td>
                <td class="text-align-center">0.00</td>
                <td class="text-align-center">&nbsp;</td>
                <td class="text-align-center">&nbsp;</td>
                <td class="text-align-center">1001750.00</td>
                <td class="text-align-left">建行支付(汇个人卡)</td>
                <td class="text-align-left">李晓春(100118621)</td>
            </tr>
            <tr>
                <th>出发日期</th>
                <th>到达日期</th>
                <th>出发地-到达地</th>
                <th>车船席别</th>
                <th>出差天数</th>
                <th>票价</th>
                <th>住宿费</th>
                <th>往返交通费</th>
                <th>期间交通费</th>
                <th>其他费用</th>
                <th>补助小计</th>
            </tr>
            <tr>
                <td class="text-align-left">2018-5-13</td>
                <td class="text-align-left">2018-5-13</td>
                <td class="text-align-center">北京市-北京市</td>
                <td class="text-align-center">公司派车</td>
                <td class="text-align-center">6</td>
                <td class="text-align-center">0.00</td>
                <td class="text-align-center">1001750.00</td>
                <td class="text-align-center">0.00</td>
                <td class="text-align-center">0.00</td>
                <td class="text-align-center">0.00</td>
                <td class="text-align-center">0.00</td>
            </tr>
            <tr>
                <td class="text-align-left">2018-5-13</td>
                <td class="text-align-left">2018-5-13</td>
                <td class="text-align-center">北京市-北京市</td>
                <td class="text-align-center">公司派车good morning how are you</td>
                <td class="text-align-center">&nbsp;</td>
                <td class="text-align-center">0.00</td>
                <td class="text-align-center">0.00</td>
                <td class="text-align-center">0.00</td>
                <td class="text-align-center">0.00</td>
                <td class="text-align-center">0.00</td>
                <td class="text-align-center">0.00</td>
            </tr>
            <tr>
                <td class="text-align-left" colspan="11">
                    <div style="float: left;width: 25%"><div style="width: 80px;float: left;">报销金额总计:</div><div style="float: left;width: 110px">0.00</div></div>
                    <div style="float: left;width: 25%"><div style="width: 80px;float: left;">核销金额总计:</div><div style="float: left;width: 110px">&nbsp;</div></div>
                    <div style="float: left;width: 25%"><div style="width: 80px;float: left;">还款金额总计:</div><div style="float: left;width: 110px">&nbsp;</div></div>
                    <div style="float: left;width: 25%"><div style="width: 80px;float: left;">支付金额总计:</div><div style="float: left;width: 110px">1750.00</div></div>
                </td>
            </tr>
            <tr>
                <th>业务活动号</th>
                <th colspan="2">业务活动类型</th>
                <th colspan="2">统一用餐天数</th>
                <th>扣减金额合计</th>
                <th colspan="3">超额提示信息</th>
                <th colspan="2">超额审批</th>
            </tr>
            <tr>
                <td>E180015141-1</td>
                <td colspan="2">日常差旅</td>
                <td class="text-align-center" colspan="2">5</td>
                <td class="text-align-center">0.00</td>
                <td colspan="3">&nbsp;</td>
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <th>发票代码</th>
                <th colspan="2">发票号码</th>
                <th colspan="2">税率</th>
                <th>税额</th>
                <th colspan="5">&nbsp;</th>
            </tr>
            <tr>
                <td>1100181130</td>
                <td colspan="2">15489860</td>
                <td class="text-align-center" colspan="2">6.000%</td>
                <td class="text-align-center">99.06</td>
                <td colspan="5">&nbsp;</td>
            </tr>
            <tr>
                <td class="text-align-left" colspan="11">
                    <div style="float: left;width: 25%"><div style="width: 80px;float: left;">税额合计:</div><div style="float: left;width: 110px">99.06</div></div>
                </td>
            </tr>
            <tr>
                <td colspan="11">
                    <div>审批情况</div>
                    <div class="cont">
                        <div>2018-05-21 李晓春(100118621) 发起审批流程</div>
                        <div>2018-05-22 李晓春(100118621) 发起审批流程</div>
                    </div>
                </td>
            </tr>
            </tbody>
        </table>
    </div>

<div id="btn">打印</div>
</body>
</html>